import { createRouter, createWebHistory } from 'vue-router';
import { nextTick } from 'vue'; // 新增这行
import { useUserStore } from '@/stores/user';
import { staticRoutes, layoutRoute } from './routes';
import http from '@/utils/request';
import { usePermissionStore } from '@/stores/permission';

const router = createRouter({
  history: createWebHistory(),
  routes: [...staticRoutes, layoutRoute],
  scrollBehavior: () => ({ top: 0 })
});

const whiteList = ['/login', '/404', '/front'];

// 修改路由守卫定义
router.beforeEach(async (to, from) => { // 移除 next 参数
  console.log('[导航开始] 当前路径:', to.path, '来源路径:', from.path);

  if (to.meta.title) {
    document.title = `${to.meta.title} - 小花在线图书馆`;
  } else {
    document.title = '小花在线图书馆';
  }

  const userStore = useUserStore();


  const permissionStore = usePermissionStore();
  console.log('[用户状态] token存在:', !!userStore.token, '角色:', userStore.roles);

  // 1. 白名单检查
  // 修改所有 next() 调用为返回语句
  if (whiteList.some(path => to.path.startsWith(path))) {
    console.log('[白名单] 直接放行');
    return true; // 替换 next()
  }

  if (!userStore.token && isAuthRoute) {
    console.warn('[权限拦截] 未登录访问受保护路由');
    return `/login?redirect=${encodeURIComponent(to.fullPath)}`; // 替换 next()
  }

  // 2. 权限路由标识
  const isAuthRoute = to.path.startsWith('/dashboard/');

  // 3. 未登录访问受保护路由
  if (!userStore.token && isAuthRoute) {
    console.warn('[权限拦截] 未登录访问受保护路由');
    next(`/login?redirect=${encodeURIComponent(to.fullPath)}`);
    return;
  }

  // 4. 已登录处理逻辑
  if (userStore.token) {
    console.log('[已登录] 开始处理逻辑');
    
    // 4.1 获取用户信息（添加角色验证日志）
    if (!userStore.library_users.roles?.length) {
      console.log('[用户信息] 开始获取角色信息');
      try {
        const infoRes = await http.get('/user/getInfo');
        userStore.roles = infoRes.data.roles;
        console.log('[用户角色] 当前角色:', userStore.roles); // 新增角色日志
      } catch (error) {
        userStore.logout();
        next('/login');
        return;
      }
    }

    // 4.2 动态路由处理（修复触发条件）
    const routeGeneratedFlag = localStorage.getItem('routeGenerated') === 'true';
    const shouldGenerate = userStore.roles?.length > 0 && 
                          !routeGeneratedFlag && 
                          !router.hasRoute('DashboardRoot');

    console.log(userStore.roles,'roles');
    console.log(!routeGeneratedFlag,'routeGeneratedFlag');
    console.log(!router.hasRoute('DashboardRoot'),'DashboardRoot');

    const dashboardRoute = null;
    if (shouldGenerate) {
      console.log('[路由生成] 开始生成动态路由');
      
      await permissionStore.generateRoutes(userStore.roles);
  
      // 统一路由添加逻辑
      permissionStore.routes.forEach(route => {
        const normalizedPath = route.path.startsWith('/dashboard/') 
          ? route.path 
          : `/dashboard/${route.path.replace(/^\/?/, '')}`;
  
        // 修改点1：使用正确的父路由名称
        router.addRoute('StaticDashboardRoot', {
          ...route,
          path: normalizedPath,
          children: route.children?.map(child => ({
            ...child,
            path: `${normalizedPath}/${child.path.replace(/^\//, '')}` // 修复路径拼接
          }))
        });
      });
  
      // 修改点2：调整路由查找逻辑
      const dashboardRoute = router.getRoutes().find(r => 
        r.path === '/dashboard' && 
        r.name === 'StaticDashboardRoot' // 使用更新后的路由名称
      );
  
      if (dashboardRoute) {
        permissionStore.routes = dashboardRoute.children || [];
        console.log('[路由状态] dashboard子路由:', dashboardRoute.children);
        localStorage.setItem('routeGenerated', 'true'); // 确保设置生成标记
      } else {
        console.error('[路由错误] 未找到dashboard根路由');
      }

      // 修改点：使用正确的 nextTick 调用方式
      await nextTick(); // 现在这会使用从 vue 导入的 nextTick
      
      permissionStore.setHasGenerated(true);
      router.replace(to.redirectedFrom || '/dashboard/overview');
      return;
    }

    // 4.3 已登录访问登录页
    if (to.path === '/login') {
      console.log('[导航拦截] 已登录访问登录页，重定向到控制台');
      next('/dashboard/overview');
      return;
    }
  }

  // 最终放行方式
  console.log('[导航放行] 进入最终next()');
  return true; // 替换 next()
});

export { router };
export default router;


console.log('[路由状态] 当前注册路由:', 
  router.getRoutes().map(r => ({ path: r.path, name: r.name }))
);